import React, { useEffect } from 'react';
import { append } from '../utils';

function sbl() {
  const obj = {
    [Symbol.toStringTag]: 'XObject',
  };
  append(obj.toString());
  console.log(obj.toString());

  // const obj2 = {
  //   [Symbol()]: 'symbol value',
  //   foo: 'normal value',
  // };
  // for (let key in obj2) {
  //   append(key);
  // }
  // append(JSON.stringify(obj2)) // 仍然无法打印 Symbol key

  // Object.getOwnPropertySymbols(obj2) // 能获取到私有 Symbol 属性
}

export default function SymbolDemo() {
  useEffect(sbl, null);

  return (
    <div id="content">
      <p>Symbol</p>
    </div>
  );
}
